<html>
	<head>
		<link href="style/jquery.cfquerytable.css" rel="stylesheet" type="text/css" />
		<script src="js/jquery.js" type="text/javascript" language="javascript"></script>
		<script src="js/jquery.cfquerytable.js" type="text/javascript" language="javascript"></script>
		
		<script>
			// This is a Struck with the JSon ColdFusion Query
			var info = {"MSG":"Sua Pesquisa retornou 1 registro(s)","QUERY":{"COLUMNS":["ID_REGISTRO","REFERENCIA_CLIENTE","NR_PEDIDO","ITEM_PEDIDO"],"DATA":[[7000014.0,"PO450707,450928",501324.0,20.0],[7000014.0,"PO450707,450928",501324.0,20.0]]},"COUNT":1};
			
			// The Query Return is
			// QUERY":{"COLUMNS":["ID_REGISTRO","REFERENCIA_CLIENTE","NR_PEDIDO","ITEM_PEDIDO"],"DATA":[[7000014.0,"PO450707,450928",501324.0,20.0],[7000014.0,"PO450707,450928",501324.0,20.0]]}
			
			//if you use a CFComponent return query the result is
			//"COLUMNS":["ID_REGISTRO","REFERENCIA_CLIENTE","NR_PEDIDO","ITEM_PEDIDO"],"DATA":[[7000014.0,"PO450707,450928",501324.0,20.0],[7000014.0,"PO450707,450928",501324.0,20.0]]
			
			$(function(){
				$('#target').cfquerytable({
					query:info['QUERY']
				});
			})
		</script>
	</head>
	<body>
		<div id="target">this is the target</div>
	</body>
</html>
